
<h3>  <i class="fa fa-pencil"></i>  <?php echo $title; ?></h3>
<?php echo  static_file('jQuery.js');echo static_file('adminer/js/highcharts.js'); ?> 
<?php include_once 'inc_form_errors.php'; ?>

<div class="boxed">
	

		
		<div class="row-fluid" id="configs">
        <div class="boxed span4">
		  <div class="boxed-inner hg1">
            <h3> <i class="fa fa-user-md"></i> 用户总览</h3>
            <ul class="boxed-list">
                <li>今日新增： 1000 ；昨日新增：1000 本月新增：100 会员总数：1100000 </li>
                <li>昨日新增：1000 </li>
                <li>本月新增： 1100 </li>
                <li>会员总数： 1000 </li>
            </ul>
            </div>
        </div>
        <div class="boxed span4">
            <div class="boxed-inner hg1">
                <h3> <i class="fa fa-shield"></i> 商品总览</h3>
                <ul class="boxed-list">
                    <li>今日新增： 1000 ；昨日新增：1000 本月新增：100 会员总数：1100000 </li>
                    <li>已下架： 1000 ；</li>
                    <li>已上架：1000 </li>
                    <li>全部商品： 1100 </li>
                </ul>
            </div>
        </div>
         <div class="boxed span4">
            <div class="boxed-inner hg1">
                <h3> <i class="fa fa-shield"></i> 资讯总览</h3>
                <ul class="boxed-list">
                    <li>今日新增： 1000 ；昨日新增：1000 本月新增：100 会员总数：1100000 </li>
                    <li>昨日新增：1000 </li>
                    <li>本月新增： 1100 </li>
                    <li>会员总数： 1000 </li>
                </ul>
            </div>
        </div>

        <div class="boxed span4">
            <div class="boxed-inner">
                <h3> <i class="fa fa-cogs"></i> <!-- 数据统计： --></h3>
                <!-- 检索分类 -->
                <form class="form-inline" action="<?php echo site_url('datashow/search'); ?>" method="GET">
                年份：
                <?php echo static_file('laydate/laydate.js'); ?>
                <input name="years" id="years" value="<?php if(!empty($getnf)){echo $getnf;}else{ echo date('Y'); }?>"   readonly class="Wdate" type="text">
                <script>
                laydate({
                    elem: '#years',
                    format: 'YYYY', // 分隔符可以任意定义，该例子表示只显示年月
                    festival: true, //显示节日
                });
                </script>
                <input class="btn" type="submit" value="检索">
                </form>
                <ul class="boxed-list">                 
                    <div id="container" style="min-width:400px;height:400px"></div>
                    <div class="clearfix"><p></p></div>
                </ul>
            </div>
        </div>
		</div>
</div>
<script>
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: '会员汇总'
        },
        xAxis: {
            categories: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
        },
        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: '数量'
            }
        },
        tooltip: {
            formatter: function () {
                return '<b>' + this.x + '</b><br/>' +
                    this.series.name + ': ' + this.y + '<br/>' +
                    'Total: ' + this.point.stackTotal;
            }
        },
        plotOptions: {
            column: {
                stacking: 'normal'
            }
        },
        series: [{
            name: '会员',
            data: [<?php echo $num_dcs; ?>],
             color:'#08c',
            stack: 'male'
        }]
    });
 
});

</script>